<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--注意事项：1.一定要使用form将input包裹起来
            2.一定要给input设置name属性，否则，数据提交不到服务器
            3.checkbox是复选框，如果希望是同一组，要保证name属性一致
            4.radio，单选框
            5.checkbox , radio ,select 提交数据时，提交的是value
            6.这里用了table进行了表单格式化
            7.！！！没有form 和 name都提交不了数据
            8.用get 请求不安全，数据会显示在地址栏，并且地址栏会限制长度，建议有重要数据不使用get
            9.用post，数据不会显示在地址栏,长度理论上无限制，但也不要太大
-->
<form action="ok.html" method="get" target="_blank">
    <h1>用户注册信息</h1>
    <table>
       <tr>
           <td>用户名称</td>
           <td><input type="text" name="username"></td>
       </tr>
        <tr>
            <td>用户密码</td>
            <td><input type="password" name="pwd1"></td>
        </tr>
        <tr>
            <td>确认密码</td>
            <td><input type="password" name="pwd2"></td>
        </tr>
        <tr>
            <td>选择你喜欢的运动项目:</td>
            <td><input type="checkbox" name="sport" value="lq"><!--checked是默认勾选-->
                篮球<input type="checkbox" name="sport" value="zq">
                足球<input type="checkbox" name="sport" value="sq">手球</td>
        </tr>
        <tr>
            <td>请选择性别:</td>
            <td><input type="radio" name="gender" value="male">男<input type="radio" name="gender" value="female">女</td>
        </tr>
        <tr>
            <td>请选择城市:</td>
            <td><select name="city">
                <option>--请选择--</option>
                <option value="yz">扬州</option>
                <option value="sh">上海</option>
                <option value="nj">南京</option>
                <option value="sz">苏州</option>
            </select></td>
        </tr>
        <tr>
            <td>自我介绍:</td>
            <td><textarea rows="10" cols="25"></textarea></td>
        </tr>
        <tr>
            <td><input type="submit" value="提交"></td>
            <td><input type="reset" value="重置"></td>
        </tr>
    </table>
</form>
</body>
</html>